<template>
  <div>
    <artical-header/>
    <div class="box">
      <artical-main/>
      <artical-notice/>
      <artical-pages/>
    </div>
  </div>
</template>

<script>
import ArticalHeader from './components/header'
import ArticalMain from './components/main'
import ArticalNotice from './components/notice'
import ArticalPages from './components/pages'
import { getHomeArticals } from 'com/shuju'
export default {
  name: 'artical',
  components: {
    ArticalHeader,
    ArticalMain,
    ArticalNotice,
    ArticalPages
  },
  mounted () {
    const datass = new FormData()
    datass.set('page', 0)
    datass.set('size', 5)
    datass.set('keywords', 'category')
    datass.set('categoryName', '前端技术')
    getHomeArticals(datass, this)
    console.clear()
  }
}
</script>

<style lang="stylus" scoped>
  .box{
    position: relative
    width: 1200px
    height: 1120px
    margin: 0 auto
    content: " "
    display: table
    clear: both
    overflow: auto
  }
</style>
